<template>
	<div class="mainBox">
		<!-- eslint-disable -->
		<div class="middle">
			<div class="img"></div>
			支付成功
		</div>
		<div class="bottom">
			<div class='footer1'>
				<div type="button" class="button" @click="goHome">返回首页</div>
			</div>
			<div class='footer1'>
				<div type="button" class="button" @click="goOrder">查看订单</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  name: "payment",
  data() {
    return {};
  },
  beforeRouteEnter(to, from, next) {
    next();
  },
  mounted() {},
  methods: {
    goHome() {
      this.$router.replace({ path: "/home" });
    },
    goOrder() {
      this.$router.replace({
        path: "/my/orderList"
      });
    }
  }
};
</script>
<style scoped>
.mainBox {
  background: #fff;
  padding-top: 50%;
}
.middle {
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 1.4rem;
  font-size: 0.3rem;
  font-weight: 400;
  color: #000;
}
.img {
  height: 2.3rem;
  width: 2.3rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background: url("../../assets/img/payok.png") 0/100% 100%;
}
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5rem;
  background: #fff;
  border-top: 1px solid #c8c7cc;
}
.button {
  background-color: #fff;
  color: #000;
  width: 4.08rem;
  height: 1.1rem;
  text-align: center;
  line-height: 1.13rem;
  display: block;
  font-size: 0.45rem;
  cursor: pointer;
  margin: 0 auto;
  border: solid 1px #000000;
  border-radius: 6px;
  margin-top: 0.16rem;
}
.footer1 {
  margin-top: 3px;
  float: left;
  width: 50%;
}
</style>
